<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        
        
        <link rel="shortcut icon" href="../../img/favicon.ico">

	<title>Heat map - My Docs</title>

        <link href="../../css/bootstrap-custom.min.css" rel="stylesheet">
        <link href="../../css/font-awesome-4.0.3.css" rel="stylesheet">
        <link href="../../css/base.css" rel="stylesheet">
        <link rel="stylesheet" href="../../css/highlight.css">
        <link href="../../site/site/css/base.css" rel="stylesheet">
        <link href="../../site/site/css/bootstrap-custom.min.css" rel="stylesheet">
        <link href="../../site/site/css/font-awesome-4.0.3.css" rel="stylesheet">
        <link href="../../site/site/css/highlight.css" rel="stylesheet">
        <link href="../../site/css/base.css" rel="stylesheet">
        <link href="../../site/css/bootstrap-custom.min.css" rel="stylesheet">
        <link href="../../site/css/font-awesome-4.0.3.css" rel="stylesheet">
        <link href="../../site/css/highlight.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        
    </head>

    <body>

        <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">

        <!-- Collapsed navigation -->
        <div class="navbar-header">
            
            <!-- Expander button -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            

            <!-- Main title -->
            <a class="navbar-brand" href="../../data/concatenate/">My Docs</a>
        </div>

        <!-- Expanded navigation -->
        <div class="navbar-collapse collapse">
            
                <!-- Main navigation -->
                <ul class="nav navbar-nav">
                
                
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Data <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                        
                            
<li >
    <a href="../../data/concatenate/">Concatenate</a>
</li>

                        
                            
<li >
    <a href="../../data/continuize/">Continuize</a>
</li>

                        
                            
<li >
    <a href="../../data/datainfo/">Datainfo</a>
</li>

                        
                            
<li >
    <a href="../../data/datasampler/">Datasampler</a>
</li>

                        
                            
<li >
    <a href="../../data/datatable/">Datatable</a>
</li>

                        
                            
<li >
    <a href="../../data/discretize/">Discretize</a>
</li>

                        
                            
<li >
    <a href="../../data/editdomain/">Editdomain</a>
</li>

                        
                            
<li >
    <a href="../../data/featureconstructor/">Featureconstructor</a>
</li>

                        
                            
<li >
    <a href="../../data/file/">File</a>
</li>

                        
                            
<li >
    <a href="../../data/paintdata/">Paintdata</a>
</li>

                        
                            
<li >
    <a href="../../data/pythonscript/">Pythonscript</a>
</li>

                        
                            
<li >
    <a href="../../data/save/">Save</a>
</li>

                        
                            
<li >
    <a href="../../data/selectcolumns/">Selectcolumns</a>
</li>

                        
                            
<li >
    <a href="../../data/selectrows/">Selectrows</a>
</li>

                        
                        </ul>
                    </li>
                
                
                
                    <li class="dropdown active">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Visualize <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                        
                            
<li >
    <a href="../boxplot/">Boxplot</a>
</li>

                        
                            
<li >
    <a href="../distributions/">Distributions</a>
</li>

                        
                            
<li class="active">
    <a href="./">Heat map</a>
</li>

                        
                            
<li >
    <a href="../modelmapprojectionrank/">Modelmapprojectionrank</a>
</li>

                        
                            
<li >
    <a href="../scatterplot/">Scatterplot</a>
</li>

                        
                            
<li >
    <a href="../sievediagram/">Sievediagram</a>
</li>

                        
                            
<li >
    <a href="../venn-diagram/">Venn diagram</a>
</li>

                        
                        </ul>
                    </li>
                
                
                
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Docs <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                        
                            
<li >
    <a href="../../docs/">Home</a>
</li>

                        
                        </ul>
                    </li>
                
                
                
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Classify <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                        
                            
<li >
    <a href="../../classify/logisticregression/">Logisticregression</a>
</li>

                        
                            
<li >
    <a href="../../classify/naivebayes/">Naivebayes</a>
</li>

                        
                        </ul>
                    </li>
                
                
                </ul>
            

            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="#" data-toggle="modal" data-target="#mkdocs_search_modal">
                        <i class="fa fa-search"></i> Search
                    </a>
                </li>
                
                    <li >
                        <a rel="next" href="../distributions/">
                            <i class="fa fa-arrow-left"></i> Previous
                        </a>
                    </li>
                    <li >
                        <a rel="prev" href="../modelmapprojectionrank/">
                            Next <i class="fa fa-arrow-right"></i>
                        </a>
                    </li>
                
                
            </ul>
        </div>
    </div>
</div>

        <div class="container">
            
                <div class="col-md-3"><div class="bs-sidebar hidden-print affix well" role="complementary">
    <ul class="nav bs-sidenav">
    
        <li class="main active"><a href="#heat-map">Heat Map</a></li>
        
            <li><a href="#signals">Signals</a></li>
        
            <li><a href="#description">Description</a></li>
        
            <li><a href="#example">Example</a></li>
        
    
    </ul>
</div></div>
                <div class="col-md-9" role="main">

<h1 id="heat-map">Heat Map</h1>
<p><img alt="image" src="../icons/heat-map.png" /></p>
<p>Plots a heat map for a pair of attributes.</p>
<h2 id="signals">Signals</h2>
<p><strong>Inputs</strong>:</p>
<ul>
<li><strong>Data</strong></li>
</ul>
<p>Input data set.</p>
<p><strong>Outputs</strong>:</p>
<ul>
<li>None</li>
</ul>
<h2 id="description">Description</h2>
<p><strong>Heat map</strong> is a graphical method for visualizing frequencies in
a two-way matrix by color. The higher the occurrence of a certain value,
the darker the represented color. By combining two values on x and y axes we see where the attribute
combination is the strongest and where the weakest, thus enabling us to find strong corelations
or representative instances.</p>
<p><img alt="image" src="../images/heat-map2-stamped.png" /></p>
<ol>
<li>Information on the input data</li>
<li>Choose x attribute</li>
<li>Choose y attribute</li>
<li>Discrete attribute for color scheme</li>
<li>Color scheme legend. You can select which attribute instances you wish to see in the visualization.</li>
<li>Select the color scale strength (linear, square root or logarithmic)</li>
<li>To move the map use <em>Drag</em> and to select data subset use <em>Select</em></li>
<li>Visualization</li>
</ol>
<h2 id="example">Example</h2>
<p>Below you can see an example workflow for Heat Map widget. Notice that the widget only works with continuous
data, so you need to first continuize data attributes that you want to visualize. Heat map below displays two
attributes from <em>Iris</em> data set, namely the petal width and petal length. Here we can see the distribution of width and 
length values per Iris type. You can see that the variety <em>Iris setosa</em> is distinctly separated from the other two varieties 
by petal width and length and that the most typical values for these attributes is 0.2 for petal width and 1.5 for petal 
length. <em>Iris virginica</em> and <em>Iris versicolor</em> on the other hand have a greater variance of petal width and length values.</p>
<p><img alt="image" src="../images/heat-map-workflow.png" /></p>
<p><img alt="image" src="../images/heat-map.png" /></p></div>
            
        </div>

        <footer class="col-md-12">
            <hr>
            
            <p>Documentation built with <a href="http://www.mkdocs.org/">MkDocs</a>.</p>
        </footer>

        <script src="../../js/jquery-1.10.2.min.js"></script>
        <script src="../../js/bootstrap-3.0.3.min.js"></script>
        <script src="../../js/highlight.pack.js"></script>
        <script>var base_url = '../..';</script>
        <script data-main="../../mkdocs/js/search.js" src="../../mkdocs/js/require.js"></script>
        <script src="../../js/base.js"></script>
        <script src="../../site/mkdocs/js/lunr-0.5.7.min.js"></script>
        <script src="../../site/mkdocs/js/mustache.min.js"></script>
        <script src="../../site/mkdocs/js/require.js"></script>
        <script src="../../site/mkdocs/js/search.js"></script>
        <script src="../../site/mkdocs/js/text.js"></script>
        <script src="../../site/site/mkdocs/js/lunr-0.5.7.min.js"></script>
        <script src="../../site/site/mkdocs/js/mustache.min.js"></script>
        <script src="../../site/site/mkdocs/js/require.js"></script>
        <script src="../../site/site/mkdocs/js/search.js"></script>
        <script src="../../site/site/mkdocs/js/text.js"></script>
        <script src="../../site/site/js/base.js"></script>
        <script src="../../site/site/js/bootstrap-3.0.3.min.js"></script>
        <script src="../../site/site/js/highlight.pack.js"></script>
        <script src="../../site/site/js/jquery-1.10.2.min.js"></script>
        <script src="../../site/js/base.js"></script>
        <script src="../../site/js/bootstrap-3.0.3.min.js"></script>
        <script src="../../site/js/highlight.pack.js"></script>
        <script src="../../site/js/jquery-1.10.2.min.js"></script>

        <div class="modal" id="mkdocs_search_modal" tabindex="-1" role="dialog" aria-labelledby="Search Modal" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="exampleModalLabel">Search</h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            From here you can search these documents. Enter
                            your search terms below.
                        </p>
                        <form role="form">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search..." id="mkdocs-search-query">
                            </div>
                        </form>
                        <div id="mkdocs-search-results"></div>
                    </div>
                    <div class="modal-footer">
                    </div>
                </div>
            </div>
        </div>

    </body>
</html>
